.fw {margin:0 auto;width:1300px;}
.fl {float:left; font-size:14px;}
.fr {float:right;}
.topline {width:100%;height:40px;background:#f2f2f2;line-height:40px}
.topline .fr b{font-weight:bold; font-size:18px;}
.topline .fr a {padding:5px 15px 5px 17px;font-size:16px; color:#333;}
.topline .fr a:hover {color: #e01e3c}
.topline .fr a.phone {display:none}
.topline .fr a.qq i {color: #287feb}
.topline .fr a.wx i {color: #3cb035}
.topline .fr a.tel i {color: #eb2852}
.topline .fr a i {padding-right: 5px}
.topline .fr .wxm{width: 100px;height: 100px; display: none; margin-left: 90px; position: absolute;top: 35px; right: 1; z-index: 9999;border: 1px #ddd solid;}
.topline .fr .wxm img{display: block;width: 100px;height: 100px;}
.topline .fr .wx:hover .wxm{display: block;}

.search-top {width:1300px;height:91px;margin:30px auto 0;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.2);margin-bottom:10px;border:3px solid #e60039}
.search-top .tt {float:left;font-size:24px;color:#e60039;width:175px;text-align:center;line-height:85px;font-weight:bold;position:relative}
.search-top .tt:before {position:absolute;content:'';width:2px;height:46px;background:#ccc;right:0;top:20px}
.search-top form {width:1115px;float:right}
.search-top p {
	vertical-align:middle;
	color:#666;
	height:85px;
	font-size:14px;
	float:left
	}
.search-top span.s1 {float:left;line-height:85px;padding-right:10px;padding-left:20px}
.search-top input.text1 {
	width:152px;
	height:35px;
	line-height:35px;
	border:1px solid #ccc;
	border-radius:3px;
	padding:0 5px;
	background:#fff;
	float:left;
	margin-top:25px
	}
.search-top input.text2 {width:60px}
.search-top .btn1 {
	width:85px;
	height:85px;
	display:block;
	float:right;
	background:#e60039;
	border:0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	line-height:28px;
	margin-right:3px
	}
.search-top .btn1 i {display:block;font-size:30px;margin-top:15px;}
.search-top .btn1:hover i {margin-top:25px}
.search-top .btn1:hover span {opacity:0}
.select_box select{
	position:relative;
    cursor:pointer;
	background:#fff;
	font-size:12px;
	color:#000;
	height:35px;
	line-height:35px;
	border:1px solid #ccc;
	border-radius:3px;
	z-index:500;
	float:left;
	margin-top:25px;
    width:145px;
    overflow:hidden;
	}

.about_in {background: #f8f8f8;width: 100%;}
.about_in .fw .ml{width:300px;float:left;}
.about_in .fw .ml .mlicon{float:left;margin-top:20px;display:none}
.about_in .fw .ml .mlicon img{width:300px;}

.ad1 {display: block;background: url(../images/ad1.jpg) no-repeat center;width: 100%;height: 437px;position: relative; margin:0px; padding:0px;}

.hz_in {width:100%;background:url(../images/hz_bg.gif) no-repeat top right;background-color:#f2f2f1;padding:60px 0px;}
.hz_in .title2 {display:none}
.hz_in .fw {padding-right:240px;position:relative}
.hz_in .tt {position:absolute;right:20px;top:0px}
.hz_in .list {width:100%}
.hz_in .list li {float:left;width:20%;padding:25px 10px}
.hz_in .list li img {display:block;margin:0 auto;width:100%;height:auto;transition:all 0.3s}
.hz_in .list li:hover img {transform:translateY(-10px)}


.feed_in {padding:35px 0;width:100%;border-top:1px solid #eee}
.feed_in h4 {font-size:18px;color:#eb2852;margin-bottom:20px}
.feed_in .text1{float:left;width:290px;height:40px;line-height:40px;padding:0 20px;margin-right:20px;background:#f2f2f2;border-radius:40px}
.feed_in .text2 {width:516px;border:0}
.feed_in .btn1 {width:110px;background:#f60034;transition:all 0.3s;-ms-transition: all 0.3s;color:#fff;border-radius:40px;height:40px; cursor:pointer}
.feed_in .btn1:hover {background:#ff3b64}

.foot {background:#333;width:100%;padding:60px 0}
.foot .fl {width:346px;margin-left: 40px}
.foot .list h2 {font-size:18px;color:#fff;font-weight:600;margin-bottom:20px}
.foot .list li {width:50%;float:left;box-sizing:border-box;padding-right:20px;line-height:35px}
.foot .list li a {color:#adadad;display:block;border-bottom:1px dotted #666;font-size: 14px}
.foot .list li a:hover {color:#fff}
.foot .fr {width:168px;font-size:14px;color:#f2f2f2}
.foot .fr h2 {font-size:18px;margin-bottom:20px;color:#fff}
.foot .fr img {display: block;width: 100%}
.foot .bout {width: 300px;margin-left: 0}
.foot .bout img {margin-bottom:20px; width:280px;}
.foot .bout p {font-size:14px;color: #fff;line-height: 30px }
.foot .bout h2 {font-size: 28px;color: #fff;margin-bottom: 10px}

.copyright {background: #394150;padding-top:10px;}
.copyright p {line-height: 30px;color: #fff}
.copyright p a {color: #eb2852;font-size: 14px}
.copyright p a:hover {color: #fff}

.pt{width: 100%; margin: 0px auto; text-align: center; }
.pt .ptt{width: 600px;background:;margin: 0 auto;}
.pt .ptt h3{font-weight: normal; color: #999; height: 30px; line-height: 30px; font-size: 26px;margin-top: 10px;}
.pt .ptt h2{font-size: 30px;color: #525252;line-height: 44px;margin: 0 auto;    height: 55px;}
.pt .ptt h2 span{color: #E82418;}
.pt .ptt em{height: 2px; background:#E82418; width: 80px;display:block; margin: 0 auto;}
.pt .ptt p{height:1px; width: 600px; background: #ddd;}

.ibrand{width: 100%;overflow: hidden;padding-top: 70px;padding-bottom: 90px;background:url('/images/brand_bg.jpg') no-repeat center center; /*margin-top:50px;*/}
.ibrand .warp{width: 1200px; margin: 0 auto;overflow:auto;}
.ibrand .bbox{width: 100%;overflow:hidden;margin-top: 40px;}

.ibrand .bbox .brlist{ clear:both; margin:15px 0 0; position: relative;z-index: 10;height: 465px; margin:auto; }
.ibrand .bbox .brlist li{ float:left; width:160px; height:160px;  text-align:center;position: absolute;}
.ibrand .bbox .brlist li .rotate{width: 160px;height: 160px;background:#fff;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	 /* IE 9 */
	-moz-transform:rotate(45deg); 	 /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg);        /* Opera */
}
.ibrand .bbox .brlist li.item_1{top: 150px;left: 33px;}
.ibrand .bbox .brlist li.item_2{top: 33px;left: 150px;}
.ibrand .bbox .brlist li.item_3{top: 267px;left: 150px;}
.ibrand .bbox .brlist li.item_4{top: 150px;left: 268px;}
.ibrand .bbox .brlist li.item_5{top: 33px;left: 385px;}
.ibrand .bbox .brlist li.item_6{top: 267px;left: 385px;}
.ibrand .bbox .brlist li.item_7{top: 150px;left: 504px;}
.ibrand .bbox .brlist li.item_8{top: 33px;left: 622px;}
.ibrand .bbox .brlist li.item_9{top: 267px;left: 622px;}
.ibrand .bbox .brlist li.item_10{top: 150px;left: 740px;}
.ibrand .bbox .brlist li.item_11{top: 33px;left: 858px;}
.ibrand .bbox .brlist li.item_12{top: 267px;left: 858px;}
.ibrand .bbox .brlist li.item_13{top: 150px;left: 976px;}

.ibrand .bbox .brlist li a{display: block;height: 160px; width: 160px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	 /* IE 9 */
	-moz-transform:rotate(-45deg); 	 /* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg);        /* Opera */
}
.ibrand .bbox .brlist li a img{width: 120px;margin: 0 auto;}
.ibrand .bbox .brlist li a span{display:block; font-size: 14px; color:rgb(147, 147, 147);}
.ibrand .bbox .brlist li a:hover span{display:block; font-size: 14px;}

@media screen and (max-width:1300px){
	.fw {width:auto;padding:0 20px}
	.feed_in {padding:35px 10px}
	.feed_in .text1 {width:16%}
	.feed_in .text2 {width:40%}
	.foot .fl {width:25%}
}


@media screen and (max-width:1200px){
    .search_in,.search-top {display:none}	
    .hz_in {background-size:cover}
.hz_in .title2 {display:block}
.hz_in .tt {display:none}
.hz_in .fw {padding:0}
    .ibrand .warp{
        width:90%;
    }
    .ibrand .bbox .brlist{
        height:auto;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-around;
    }
    .ibrand .bbox .brlist li .rotate {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg); /* IE 9 */
        -moz-transform: rotate(0deg); /* Firefox */
        -webkit-transform: rotate(0deg); /* Safari 和 Chrome */
        -o-transform: rotate(0deg); /* Opera */
    }
    .ibrand .bbox .brlist li a {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg); /* IE 9 */
        -moz-transform: rotate(0deg); /* Firefox */
        -webkit-transform: rotate(0deg); /* Safari 和 Chrome */
        -o-transform: rotate(0deg); /* Opera */
    }
    .ibrand .bbox .brlist li{
        position:initial;
        margin-top:3%;
    }
}

@media screen and (max-width:960px){	
	.about_in .fw .ml{width:100%;float:left;}
	.about_in .fw .ml .mlicon{width:100%;text-align:center;display:block;}
	.about_in .fw .ml .mlicon img{width:100%;}
	#sidenav-toggle {display:block}
	.ad1 {height: 240px;background-size: cover}
	.ad1 img {height: 340px}
	.foot .fl {width: 100%;margin-left: 0;margin-bottom: 40px}
	.foot .fr {float: left}	
}
@media screen and (max-width:768px){
    .topline .fr b{font-weight:bold; font-size:14px;}
    .hz_in .list li {width:33.333333%}
}
@media screen and (max-width:628px){	
	.ad1 {height: 268px}	
	.feed_in h4 {text-align: center}
	.feed_in .text1 {width: 100%;margin-bottom: 10px}
	.feed_in .text2 {width: 100%;height: 130px;border-radius: 10px}
	.feed_in .btn1 {width: 100%}
    .hz_in .list li {padding:15px 10px}
}
@media screen and (max-width:580px){
    .pt .ptt {width:100%;}
	#sidenav-toggle {margin-top: 0}
	.topline .fl {display: none}
	.topline .fr {width: 100%;text-align: center}
}
@media screen and (max-width:480px){
	.fw {padding: 0 10px}
	.ad1 {height: 150px}
	.ad1 img {
		display: block;
		height: 200px;
		right: 0;
		bottom: -60px;}	
	.feed_in {
		padding: 35px 0px;
	}
	.copyright {height: auto;line-height: 22px;padding:20px}
	.hz_in .list li {width:50%}
    .hz_in .list li {padding:5px 10px}
    .hz_in {padding:40px 0}
}

@media (max-width:558px){
	.topline .fr{text-align:left;}
	.topline .fr a {padding:5px 0px 5px 5px;font-size:13px}
	.footnav {display: block}
	#rightArrow {display:none;}
	#floatDivBoxs {display:none;}
}
/*底部联系方式*/
.footnav {width: 100%;padding: 10px 0;overflow: hidden;background: #f8f8f8;border-top: 1px solid #ddd;position:fixed;bottom:0;display:none;z-index:9000}
.footnav a {display:block;width:25%;text-align: center;color:#555;float:left}
.footnav a i {font-size:24px;display: block}